<template>
  <div>
    <h2 @click="sendName">学生姓名:{{ name }}</h2>
    <h2>年龄:{{ age }}</h2>
    <button @click="unbind">解绑自定义事件</button>
  </div>
</template>

<script>

export default {
  name: 'Student_C',
  data() {
    return {
      name: '学生组件',
      age: 18
    }
  },
  methods: {
    sendName() {
      // 组件自定义事件
      this.$emit('test',this.name,666,888)
      // this.$emit('test2',this.name)
    },
    unbind() {
      // 解绑自定义事件
      this.$off('test')
      // 解绑多个自定义事件
      // this.$off(['test','test2'])
      // 解绑所有自定义事件
      // this.$off()
    }
  }



}
</script>
<style scoped>


</style>